//导入要处理的组件
import Main from "./message.vue";
//导入vue
import Vue from "vue";

//生成一个构造器
const MessageConstructor = Vue.extend(Main);
// 这里面要处理逻辑得话自行加上就可
const Message = obj => {
  let { during } = obj;
  during = during || 2000
  //这里data就是组件里面得data，如果没传就会使用main.vue里得data
  //调用构造器 在调用的参数传入
  const msg = new MessageConstructor({data:obj})	
  //将构造器生成的对象挂载
  msg.$mount()
  document.body.appendChild(msg.$el);
  //定义多久消失
  setTimeout(() => {
    document.body.removeChild(msg.$el)
  }, during)
};

export default Message;
